<template>
    <div>
        <HomePage :side-menu-default-openeds="sideMenuDefaultOpeneds" :side-menu-default-active="sideMenuDefaultActive">
            <div slot="breadcrumbmodule">
                <el-breadcrumb separator-class="el-icon-arrow-right" style="padding:20px;">
                    <el-breadcrumb-item :to="{ path: '/redis/param' }">首页</el-breadcrumb-item>
                    <el-breadcrumb-item>redis参数维护</el-breadcrumb-item>
                </el-breadcrumb>
            </div>

            <div slot="corechildmodule">
                <div id="paramTree">

                </div >

                <div id="tabsModule">

                </div>
            </div>
        </HomePage>
    </div>
</template>

<script>

    //引入主模块
    import HomePage from '@/views/homepage/HomePage'

    export default {
        name: "RedisParam",
        components: {HomePage},
        data() {
            return {
                sideMenuDefaultOpeneds:['2'],
                sideMenuDefaultActive:"/redis/param"
            }
        }
    }
</script>

<style type="text/css">

    #paramTree{
        width:240px;
        height:800px;
        border: 1px solid #EBEEF5;
        background-color: #FFF;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        float:left;
    }

    #tabsModule{
        width:calc(100% - 250px);
        height:800px;
        border: 1px solid #EBEEF5;
        background-color: #FFF;
        border-radius: 4px;
        box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
        float:right;
    }

</style>
